<script>
	export default {
		onLaunch: function() {
			uni.hideTabBar()
		},
		onShow: function() {
			uni.hideTabBar()
			this.$authUtil.initLoginStatus()
		},
		onHide: function() {
		}
	}
</script>

<style lang="scss">
	@import "uview-ui/index.scss";

	/* #ifdef H5 */
	/* 针对h5页面取消返回按钮 */
	uni-page[data-page="pages/paper/friend"] .uni-page-head-hd {
		display: none;
	}

	.status_bar {
		height: var(--status-bar-height);
		width: 100%;
	}

	/* #endif */


	// 隐藏小程序滚动条（无用）
	/* #ifdef MP-WEIXIN */
	::-webkit-scrollbar {
		display: none;
	}

	/* #endif */


	/*每个页面公共css */
	.page_body {
		display: flex;
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
		flex: 1;
		width: 750upx;
		flex-direction: column;
	}


	.flex-row {
		display: flex;
		flex-direction: row;
		align-items: center;
	}

	.flex {
		flex: 1;
	}

	.page_pad {
		padding: 10px;
	}

	.white_bg {
		background-color: #FFFFFF;
	}

	.grey_bg {
		background-color: #efefef;
	}

	.page_bg {
		background-color: #FFFFFF;
	}

	.page_grad {
		background-color: #efefef;
	}
	
	.grey_border{
		border-top-width: 4px;
		// border-bottom-width: 3px;
		border-right-width: 1px;
		border-left-width: 1px;
		border-style: solid;
		border-color: #efefef;
	}

	.vip_nick {
		color: #ff0000;
	}

	.vip_head_frame {
		width: 58px;
		height: 58px;
		margin-right: 10px;
		position: absolute;
		left: -9px;
		top: -9px;
	}

	.user_nick {
		font-size: 15px;
		font-weight: 500;
	}

	.vip_img {
		width: 18px;
		height: 16px;
		/* #ifndef APP-NVUE */
		margin: auto 2px;
		vertical-align: middle;
		/* #endif */
		align-items: center;
		margin-left: 2px;
		margin-right: 2px;
	}

	// 文章全局样式
	.article_item {
		display: flex;
		flex-direction: column;
		background-color: #FFFFFF;
		padding: 10px 25upx;
	}

	.article_head {
		display: flex;
		flex: 1;
		flex-direction: row;
		margin-bottom: 10px;
	}

	.article_avatar {
		margin-right: 4px;
	}


	.article_user_info {
		flex: 1;
		flex-direction: column;
	}

	.article_user_nick_box {
		flex: 1;
		flex-direction: row;
		margin: 0 4px 0 0;
		align-items: center;
	}

	.article_user_nick {
		font-size: 14px;
		color: #333333;
	}


	.article_user_des {
		flex: 1;
		flex-direction: row;
		align-items: center;
	}

	.article_lasttime {
		font-size: 12px;
		color: #999999;
	}

	// 关注按钮
	.article_btns {
		margin-top: 3px;
		align-items: center;
		flex-direction: row;
		border: #007AFF 1px;
	}

	// 话题
	.article_topic {
		color: #007AFF;
		font-size: 15px;
		padding: 5px 0;
		padding-top: 10px;
	}

	// 文章内容
	.article_content {
		font-size: 15px;
		color: #333333;
		padding: 15px 0 10px 0;
		word-break: break-all;
		word-wrap: break-word;
		white-space: pre-wrap;
	}

	// 文章中的图片父级
	.article_imgs {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		margin-top: 2px;
		margin-bottom: 10px;
	}

	// 文章中的图片，单张
	.article_one_img {
		max-width: 350upx;
		border-radius: 5px;
		max-height: 390upx;
	}

	// 文章中的图片，多张
	.article_more_img {
		border-radius: 4px;
		margin-right: 2px;
		margin-top: 2px;
		width: calc((100% - 4px) / 3);
		height: 240rpx;
	}

	// 文章中的图片，多张，最右
	.article_more_img_end {
		border-radius: 4px;
		width: calc((100% - 4px) / 3);
		height: 240rpx;
		margin-top: 2px;
	}


	// 文章的话题标签
	.article_category_box {
		display: flex;
		flex-direction: row;
		align-items: center;
		margin-top: 5px;
		margin-bottom: 10px;
	}

	// 文章的话题标签
	.article_category_left {
		display: flex;
		background-color: #d8edff;
		padding: 4px 5px;
		border-radius: 20px;
		opacity: 0.8;
	}

	// 文章的话题标签
	.article_category_icon {
		width: 20px;
		height: 20px;
		margin-right: 2px;
	}

	// 文章的话题标签
	.articel_category_text {
		font-size: 12px;
		margin: 0 3px;
		font-weight: 400;
	}

	// 文章的话题标签
	.article_category_more {
		width: 7px;
		height: 10px;
	}


	

	// 文章结束

	// 刷新按钮
	.operation_box {
		display: flex;
		flex-direction: column;
		position: fixed;
		right: 20px;
		bottom: 60px;
	}

	.refresh_box {
		width: 35px;
		height: 35px;
		border-radius: 10px;
		border-width: 1px;
		border-style: solid;
		border-color: #eaeaea;
		background-color: #FFFFFF;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
		background-color: rgba(244, 244, 244, 0.3);
	}

	.refresh_img {
		margin: 5px;
		width: 25px;
		height: 25px;
	}
</style>
